﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Title -->
    <title>Rapid - A Responsive WordPress Blog Theme</title>
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/assets1/css/bootstrap.min.css">

    <!--矢量图标-->
    <link rel="stylesheet" href="/style/icon/icon.css">
    
    <!-- Font awesome CSS -->
    <link rel="stylesheet" href="/assets1/css/font-awesome.min.css">
    
    <!-- Animate CSS -->
    <link rel="stylesheet" href="/assets1/css/animate.min.css">
    
    <!-- OwlCarousel CSS -->
    <link rel="stylesheet" href="/assets1/css/owl.carousel.css">
    
    <!-- SlickNav CSS -->
    <link rel="stylesheet" href="/assets1/css/slicknav.min.css">
    
    <!-- Magnific popup CSS -->
    <link rel="stylesheet" href="/assets1/css/magnific-popup.css">
    
    <!-- Main CSS -->
    <link rel="stylesheet" href="/assets1/css/style.css">
    
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="/assets1/css/responsive.css">

</head>
<body>

<!-- 头部图片logo 开始 -->
<section  th:replace="~{common/blogHead :: blogHead}">
</section>
<!-- 头部图片logo 结束 -->

<!-- 头部菜单 开始-->
<section  th:replace="~{common/blogMenu :: blogMenu}">
</section>
<!-- 头部菜单 结束 -->
    
    
    <!-- Breadcromb Area Start -->
    <section class="rapid-breadcromb-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcromb">
                        <h3>travel</h3>
                        <ul>
                            <li><a href="#">home</a></li>
                            <li>/</li>
                            <li>life style</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcromb Area End -->
    
    
    
    <!-- Allpost Area Start -->
    <section class="rapid-Allpost-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="blog-page-left">
                        <div class="single-blog">
                            <div class="blog-image">
                                <a href="#">
                                    <img src="/assets1/img/travel-1.jpeg.jpg" alt="blog" />
                                </a>
                            </div>
                            <div class="blog-text">
                                <div class="post-cat">
                                    <p>travel</p>
                                </div>
                                <h2><a href="#">Go next we are always with you</a></h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: Jan 20, 2018 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                                <a href="#" class="rapid-btn">read more</a>
                                <div class="share-button-social">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="single-blog">
                            <div class="blog-image">
                                <a href="#">
                                    <img src="/assets1/img/travel-2.jpeg.jpg" alt="blog" />
                                </a>
                            </div>
                            <div class="blog-text">
                                <div class="post-cat">
                                    <p>travel</p>
                                </div>
                                <h2><a href="#">Go next we are always with you</a></h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: Jan 20, 2018 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                                <a href="#" class="rapid-btn">read more</a>
                                <div class="share-button-social">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="single-blog">
                            <div class="blog-image">
                                <a href="#">
                                    <img src="/assets1/img/travel-1.jpeg.jpg" alt="blog" />
                                </a>
                            </div>
                            <div class="blog-text">
                                <div class="post-cat">
                                    <p>travel</p>
                                </div>
                                <h2><a href="#">Go next we are always with you</a></h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: Jan 20, 2018 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                                <a href="#" class="rapid-btn">read more</a>
                                <div class="share-button-social">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="single-blog">
                            <div class="blog-image">
                                <a href="#">
                                    <img src="/assets1/img/travel-2.jpeg.jpg" alt="blog" />
                                </a>
                            </div>
                            <div class="blog-text">
                                <div class="post-cat">
                                    <p>travel</p>
                                </div>
                                <h2><a href="#">Go next we are always with you</a></h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: Jan 20, 2018 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                                <a href="#" class="rapid-btn">read more</a>
                                <div class="share-button-social">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pagination_box">
                        <ul class="pagination">
                            <li><a href="#"><i class="fa fa-angle-left"></i></a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
                        </ul>
                    </div>
                </div>
                <!--右侧主内容开始-->
                <div  th:replace="~{common/blogRight :: blogRight}"></div>
                <!--右侧主内容结束-->
            </div>
        </div>
    </section>
    <!-- Allpost Area End -->



<!-- 页脚区域开始 -->
<footer th:replace="~{common/blogDown :: blogDown}">
</footer>
<!-- 页脚区域结束 -->
    
    
    
    
    <!-- jQuery -->
    <script src="/assets1/js/jquery.min.js"></script>
    
    <!-- Bootstrap JS -->
    <script src="/assets1/js/bootstrap.min.js"></script>
    
    <!-- Magnific Popup JS -->
    <script src="/assets1/js/jquery.magnific-popup.min.js"></script>
    
    <!-- OwlCarousel JS -->
    <script src="/assets1/js/owl.carousel.min.js"></script>
    
    <!-- SlickNav JS -->
    <script src="/assets1/js/jquery.slicknav.min.js"></script>
    
    <!-- Custom JS -->
    <script src="/assets1/js/custom.js"></script>
    
</body>
</html>
